<!DOCTYPE html>
<html lang="en"
    xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" th:href="@{/styles.css}"/>
</head>
<body>
<h1>Login</h1>
<img th:src="@{/images/TacoCloud.png}">
<div th:if="${param.error}">
    Invalid username and password.</div>
<div th:if="${param.logout}">
    You have been logged out.</div>
<p>
    New here? Click
    <a th:href="@{/register}">here</a> to register.
</p>

<form method="post" th:action="@{/login}" id="loginForm">
    <!--<label for="username">Username: </label>-->
    <!--<input type="text" name="username" id="username" /><br/>-->

    <!--<label for="password">Password: </label>-->
    <!--<input type="password" name="password" id="password" /><br/>-->

    <!--<input type="submit" value="Login" />-->
    <div>
        <input type="text" name="username" placeholder="Username"/>
    </div>
    <div>
        <input type="password" name="password" placeholder="Password"/>
    </div>
    <input type="submit" value="Log in" />
</form>

</body>
</html>